<template>
  <Data></Data>
  <BrokenLine></BrokenLine>
  <div class="footer">
    <BarChart></BarChart>
    <PieChart></PieChart>
  </div>
</template>

<script setup lang="ts">
import BarChart from './BarChart.vue'
import Data from '../Data.vue'
import PieChart from './pieChart.vue'
import BrokenLine from "./BrokenLine.vue";
</script>

<style lang="scss" scoped>

.footer{
  width: 100%;
  //height: 418px;
  //border: 1px solid #cccccc;
  margin-top: 50px;
  margin-bottom: 30px;
  //border-radius: 15px;
  //overflow: hidden;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
</style>
